@import './px2rem.scss';
.wrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    .center{
        width: p(590);
        height: p(839);
        padding: 0 p(50);
        padding-bottom: 0;
        box-sizing: border-box;
        background-color: rgba($color: #fff, $alpha: 0.5);
        border-radius: p(10);
        box-shadow: 0px 4px 13px 5px rgba(0, 0, 0, 0.3);
        // background-color: rosybrown;
        .name{
            font-size: p(35);
            // text-decoration: underline;
            width: p(260);
            border-bottom: p(2) solid #000;
            text-align: center;
            margin-top: p(40);
            // display: inline-block;
            display: flex;
            .name-text{
                // width: 100%;
                display: inline-block;
                text-overflow: ellipsis;
                word-wrap: none;
                overflow: hidden;
                flex: 1;
            }

        }
        .message{
            .mes-text{
                font-size: p(24);
                text-indent: p(48);
                line-height: 150%;
                margin-top: p(40);
                font-weight: bold;
            }
            .mes-pic{
                width: p(265);
                height: p(265);
                margin: 0 auto;
                border: p(4) solid #000;
                margin-top: p(60);
                #qrImg{
                    width: 100%;
                    height: 100%;
                }
            }
            .save-btn{
                display: flex;
                align-items: center;
                justify-content: center;
                margin-top: p(20);
                button{
                    width: p(187);
                    height: p(57);
                    font-size: p(24);
                    background-color: #d1e9f4c9;
                    border-radius: p(29);
                    outline: none;
                    border: none;
                    box-shadow: 0px 4px 4px 1px rgba(0, 0, 0, 0.39);
                    color: #0075c1;
                    // #save-btn{
                    //     display: block;
                    //     width: 100%;
                    //     height: 100%;
                    // }
                }
            }
        }
        .footer-mes{
            font-size: p(26);
            line-height: 150%;
            margin-top: p(30);
            margin-bottom: p(50);
        }
    }
}
.img-tip{
    position: absolute;
    width: 100vw;
    height: 5vh;
    background-color: cyan;
    color: #FFF;
    top: 0;
}